import React, { Component } from 'react'

export default class Hello extends Component {
  //普通事件上面绑定this 方式一
  constructor(props) {
    super(props)
    this.handler = this.handler.bind(this)
  }
  //事件处理程序定义形式一
  handler () {
    //如果类中定义的是普通函数,那么这个普通函数中的this是undefined
    alert('这是一个react事件')
  }
  render () {
    return (
      <div>
        <button onClick={this.handler}> 普通事件</button>
        {/*  //普通事件上面绑定this 方式二 */}
        <button onClick={this.handler.bind(this)}> 普通事件-bind绑定this</button>
      </div>
    )
  }
}



// 事件
//    构成部分
        // 1. 事件源
        // 2. 事件类型  click / keydown / ....
        // 3. 事件处理程序